<template>
  <el-col :span="6" class="homeRight" ref="homeRight">
    <messageNotice :height="height"></messageNotice>
    <commonTool :column="4" :height="height"></commonTool>
    <officalDocument :height="height"></officalDocument>
  </el-col>
</template>

<script>
import commonTool from "@/views/com/commonTool";
import officalDocument from "@/views/com/officalDocument";
import messageNotice from "@/views/com/messageNotice";
export default {
  components: {
    officalDocument,
    commonTool,
    messageNotice
  },
  data () {
    return {
      height: 260
    };
  },
  mounted () {
    this.height = Math.floor(this.$refs.homeRight.$el.offsetHeight / 3) - 10;
  }

};
</script>

<style lang="less" scoped>
.homeRight {
  height: 100%;
  padding-right: 0px !important;
  padding-top: 10px;
}
</style>